<template>
    <basic-container >
      <el-container >
        <el-aside class="el-aside-tree-container"
                  width="315px">
          <albumTree :albumCode="albumCode"
                     :resType="resType"
                     @click="loadRightData"
                     edit=true>
          </albumTree>
        </el-aside>
        <el-main class="rightMainBox">
          <accessoryList ref="rightList" :resType="resType" height="500px" @callback="selFileCallBack"></accessoryList>
        </el-main>
      </el-container>
    </basic-container>
</template>

<script>
  import albumTree from '@/components/file/lib/albumTree'
  import accessoryList from '@/components/file/lib/accessoryList'
  import constants from "@/const/constants";

  export default {
    data () {
      return {
        Event,
        albumCode: "video_root",
        resType: constants.FILE_TYPE_VIDEO
      }
    },
    components: {
      albumTree,
      accessoryList
    },
    methods: {
      loadRightData (albumId) {
        this.$refs.rightList.reLoadData(albumId.toString());
      },
      selFileCallBack (urls) {
      }
    }
  }
</script>

